<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城首页</title>
    <link rel="stylesheet" href="../css/index1.css">
</head>

<body>
    <header>
        <div class="head">
            <div class="left">
                <images src="">
            </div>
            <div class="mid">
                <form action="">
                    <i class="iconfont icon-icon-test"></i>
                    <input type="text" placeholder="搜索商品，发现更多优惠">
                    <button>搜索</button>
                </form>
            </div>

            <div class="right">
                <dl>
                    <dt><images src="../images/d1.png"></dt>
                    <dd>全程包邮</dd>
                    <dt><images src="../images/d2.png"></dt>
                    <dd>7天退换</dd>
                    <dt><images src="../images/d3.png"></dt>
                    <dd>品质保证</dd>
                </dl>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="top">
            <a href="http://localhost:3000/html/index1.html">首页</a>
            <a href="http://localhost:3000/html/index2.html">9块9包邮</a>
            <a href="http://localhost:3000/html/index3.html">超值大额券</a>
            <a href="http://localhost:3000/html/index4.html">夏季女装上新</a>
        </div>

    </header>

    <div class="center">
        <div class="container">
            <div class="left2">
                <ul>
                    <li>
                     <a href="#">
                        女装/女鞋
                     </a>                       
                    </li>
                    <li>
                        <a href="#">
                            男装/男鞋
                        </a>
                    </li>
                    <li>
                     <a href="#">
                         美妆/个护
                     </a>
                    </li>
                    <li>
                     <a href="#">
                         配饰/箱包
                     </a>
                    </li>
                    <li>
                         <a href="#">
                            零食/王国              
                        </a>
                    </li>
                    <li>
                         <a href="#">
                            母婴/用品 
                        </a>         
                    </li>
                    <li>
                     <a href="#">
                         手机/数码
                     </a>
                    </li>
                    <li>
                         <a href="#">
                            内衣/袜子
                         </a>                  
                        </li>
                    <li>
                     <a href="#">
                        文娱/家居
                     </a>                   
                    </li>
                </ul>
            </div>
            <div class="mid2">
                <div class="top2">
                    <img src="../images/1.jpeg" alt="" width="496" height="178">
                </div>
                <div class="bottom2">
                    <div class="left22">
                        <img src="../images/5.png" alt="" width="243" height="97">
                    </div>
                    <div class="right22">
                        <img src="../images/6.png" alt="" width="243" height="97">
                    </div>
                </div>
            </div>
            <div class="right2">
                <div class="top22">
                    <img src="../images/4.png" alt="" width="225" height="178">
                </div>
                <div class="bottom22">
                    <img src="../images/7.png" alt="" width="243" height="97">
                </div>
            </div>
        </div>

        <div class="nav">
            <b>小编精选</b>&nbsp;&nbsp;&nbsp;&nbsp;
            <span>每日更新</span>
        </div>
    </div>

    <main>
        <div class="con">
            <!-- 1 -->
            <dl>
                <dt><img src="../images/m1.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <!-- <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a> -->
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>


                    </div>
                </dd>
                <dt><img src="../images/m1.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m1.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m1.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
            </dl>
            <!-- 2-->
            <dl>
                <dt><img src="../images/m2.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m2.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m2.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m2.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
            </dl>
            <!-- 3 -->
            <dl>
                <dt><img src="../images/m3.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m3.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m3.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m3.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
            </dl>
            <!--4  -->
            <dl>
                <dt><img src="../images/m4.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m4.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m4.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
                <dt><img src="../images/m4.png"></dt>
                <dd>
                    <h4>短袖T恤女2021年新款</h4>
                    <div class="mid">
                        <i>天猫</i>
                        <span>包邮</span>
                    </div>
                    <div class="bottom">
                        <u>￥14.9</u>
                        <a href="http://localhost:3000/html/shopp_cart.html">立即抢购</a>
                    </div>
                </dd>
            </dl>
        </div>
    </main>
    <footer>
        <div class="top2">
            <img src="../images/b.png" alt="" width="60" height="60">
            <div class="top_right">
                <b>熊猫优选</b><br/>
                <span>年轻人网购首选</span><br/>
                <span>购物领券更省钱</span>
            </div>
        </div>
        <div class="con">
            <span>友情衔接</span>
            <span>帮助文档</span>
            <span>版本声明</span>
            <span>Copyright &copy; 版权所有</span>
        </div>
    </footer>
</body>

</html>